<!--
 * @Date: 2023-03-15 10:13:48
 * @LastEditTime: 2023-06-09 21:17:18
 * @FilePath: /prepaid-refill-1/src/views/home/components/describe.vue
 * 介绍:
-->
<script lang="ts" setup></script>

<template>
  <Ccard class="describe">
    <template #header> {{ $t("miao-shu") }} </template>
    <div class="describe_content">
      {{ $t('nac-ai-shi-yi-ge-ji-yu-chatgpt-de-api-ji-cheng-you-xi-sheng-tai-xie-yi-ta-yun-xu-yong-hu-tong-guo-api-yi-jian-deng-lu-ping-tai-zhong-qian-ru-de-suo-you-sheng-tai-xi-tong-nac-ai-zhi-zai-rang-yong-hu-tong-guo-ren-gong-zhi-neng-he-you-xi-geng-gao-xiao-di-yu-le-tong-shi-cong-zhong-huo-de-shou-yi-nac-shi-nac-sheng-tai-de-yuan-sheng-zhi-li-dai-bi') }} </div>
    <div class="T-A-R describe_iconBox-wrap">
      <div class="describe_iconBox auto-ml-md">
        <Ricon r-name="icon-iconfonticon-jingga" />
        <Ricon size="1.2em" r-name="icon-twitter" />
        <Ricon size="1.2em" r-name="icon-zhuye" />
      </div>
    </div>
  </Ccard>
</template>

<style lang="less" scoped>
.describe_content {
  line-height: 1.8em;
  padding: 0 var(--gap-md);
}
.describe_iconBox-wrap {
  color: var(--C-M1);
  padding: var(--gap-md);
  .describe_iconBox {
    display: inline-flex;
    align-items: center;
  }
}
</style>
